<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:template match="/">
		<div xmlns:v-bind="vue bind" xmlns:v-on="vue prefix">
			<xsl:apply-templates select="widge/*[name()!='tip']"/>
		</div>
	</xsl:template>
	<!--文字 -->
	<xsl:template match="textspan">
		<span>
			<xsl:call-template name="_commonstyle">
			</xsl:call-template>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<xsl:value-of select="text"/>
		</span>
	</xsl:template>
	<!--段落 -->
	<xsl:template match="paragraphn">
		<xsl:param name="id" select="@id"/>
		<p>
			<xsl:attribute name="class">box box-solid<xsl:if test="@icon"><xsl:text> </xsl:text><xsl:value-of select="@icon"/></xsl:if><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			<xsl:if test="@font-size">
				<xsl:attribute name="style">font-size:<xsl:value-of select="@font-size"/>;</xsl:attribute>
			</xsl:if>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<xsl:value-of select="text"/>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</p>
	</xsl:template>
	<!--图片 -->
	<xsl:template match="img">
		<xsl:param name="id" select="@id"/>
		<img>
			<xsl:if test="@class">
				<xsl:attribute name="class"><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			</xsl:if>
			<xsl:if test="@src">
				<xsl:attribute name="src"><xsl:value-of select="@src"/></xsl:attribute>
			</xsl:if>
			<xsl:if test="@alt">
				<xsl:attribute name="alt"><xsl:value-of select="@alt"/></xsl:attribute>
			</xsl:if>
			<xsl:if test="@width">
				<xsl:attribute name="width"><xsl:value-of select="@width"/></xsl:attribute>
			</xsl:if>
			<xsl:if test="@height">
				<xsl:attribute name="height"><xsl:value-of select="@height"/></xsl:attribute>
			</xsl:if>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
		</img>
		<xsl:if test="@id and //tip/@for = @id">
			<xsl:apply-templates select="//tip[@for=$id]">
			</xsl:apply-templates>
		</xsl:if>
	</xsl:template>
	<!--icon+img+text -->
	<xsl:template match="imgText">
		<div>
			<xsl:attribute name="class">layoutbtn<xsl:if test="@relative"><xsl:text> </xsl:text>relative-<xsl:value-of select="@relative"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> </xsl:text><xsl:value-of select="@bordercolor"/></xsl:if><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			<xsl:if test="@width">
				<xsl:attribute name="style">width:<xsl:value-of select="@width"/></xsl:attribute>
			</xsl:if>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<xsl:choose>
				<xsl:when test="@icon">
					<i>
						<xsl:attribute name="class"><xsl:if test="@icon">icon-<xsl:value-of select="@icon"/></xsl:if></xsl:attribute>
						<xsl:if test="@picwidth">
							<xsl:attribute name="style">font-size:<xsl:value-of select="@picwidth"/></xsl:attribute>
						</xsl:if>
					</i>
				</xsl:when>
				<xsl:otherwise>
					<xsl:if test="@pic">
						<img>
							<xsl:attribute name="src"><xsl:value-of select="@pic"/></xsl:attribute>
							<xsl:if test="@picwidth">
								<xsl:attribute name="style">width:<xsl:value-of select="@picwidth"/></xsl:attribute>
							</xsl:if>
						</img>
					</xsl:if>
				</xsl:otherwise>
			</xsl:choose>
			<xsl:if test="@text">
				<span>
					<xsl:if test="@font-size">
						<xsl:attribute name="font-size"><xsl:value-of select="@font-size"/></xsl:attribute>
					</xsl:if>
					<xsl:value-of select="@text"/>
				</span>
			</xsl:if>
		</div>
	</xsl:template>
	<!--按钮 -->
	<xsl:template match="button">
		<xsl:param name="id" select="@id"/>
		<xsl:param name="bgcolor" select="'primary'"/>
		<xsl:param name="size" select="'medium'"/>
		<xsl:param name="style" select="'plain'"/>
		<xsl:param name="radius" select="'box'"/>
		<button type="button">
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">
					button-<xsl:choose>
						<xsl:when test="@bgcolor">
							<xsl:value-of select="@bgcolor"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="$bgcolor"/>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:text> </xsl:text>
					<xsl:choose>
						<xsl:when test="@size">
							<xsl:value-of select="@size"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="$size"/>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:text> </xsl:text>
					<xsl:choose>
						<xsl:when test="@style">
							<xsl:value-of select="@style"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="$style"/>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:text> __</xsl:text>
					<xsl:choose>
						<xsl:when test="@radius">
							<xsl:value-of select="@radius"/>
						</xsl:when>
						<xsl:otherwise>
							<xsl:value-of select="$radius"/>
						</xsl:otherwise>
					</xsl:choose>
				</xsl:with-param>
			</xsl:call-template>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<xsl:if test="@preicon">
				<i>
					<xsl:attribute name="class"><xsl:if test="@preicon"><xsl:text> </xsl:text><xsl:value-of select="@preicon"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if></xsl:attribute>
				</i>
			</xsl:if>
			<xsl:if test="@text">
				<span>
					<xsl:value-of select="@text"/>
				</span>
			</xsl:if>
			<xsl:if test="@suricon">
				<i>
					<xsl:attribute name="class"><xsl:if test="@suricon"><xsl:text> </xsl:text><xsl:value-of select="@suricon"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if></xsl:attribute>
				</i>
			</xsl:if>
			<xsl:value-of select="."/>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</button>
	</xsl:template>
	<!--带图标录入框 -->
	<xsl:template match="iconinput">
		<xsl:param name="width"/>
		<div>
			<xsl:choose>
				<xsl:when test="@width">
					<xsl:attribute name="style">width:<xsl:value-of select="@width"/></xsl:attribute>
				</xsl:when>
				<xsl:when test="$width">
					<xsl:attribute name="style">width:<xsl:value-of select="$width"/></xsl:attribute>
				</xsl:when>
			</xsl:choose>
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">iconinput</xsl:with-param>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<xsl:if test="@prefix">
				<i>
					<xsl:attribute name="class">floatleft icon-<xsl:value-of select="@prefix"/></xsl:attribute>
				</i>
			</xsl:if>
			<input>
				<xsl:attribute name="type"><xsl:value-of select="@type"/></xsl:attribute>
				<xsl:attribute name="style">padding-left:<xsl:choose><xsl:when test="@prefix">2em</xsl:when><xsl:otherwise>1em</xsl:otherwise></xsl:choose>;padding-right:
				<xsl:choose><xsl:when test="@surfix">2em</xsl:when><xsl:otherwise>1em</xsl:otherwise></xsl:choose></xsl:attribute>
				<xsl:call-template name="html">
					<xsl:with-param name="html-template"/>
				</xsl:call-template>
			</input>
			<xsl:if test="@surfix">
				<i>
					<xsl:attribute name="class">floatright icon-<xsl:value-of select="@surfix"/></xsl:attribute>
				</i>
			</xsl:if>
		</div>
	</xsl:template>
	<!--切换按钮 -->
	<xsl:template match="toggle-button">
		<xsl:param name="id" select="@id"/>
		<div>
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">lcs_switch<xsl:text> </xsl:text>
					<xsl:choose>
						<xsl:when test="@value">lcs_<xsl:value-of select="@value"/>
						</xsl:when>
						<xsl:otherwise>lcs_on</xsl:otherwise>
					</xsl:choose>
				</xsl:with-param>
			</xsl:call-template>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<div class="lcs_cursor"/>
			<div>
				<xsl:attribute name="class">lcs_label lcs_label_on</xsl:attribute>
				<xsl:choose>
					<xsl:when test="@ontxt">
						<xsl:value-of select="@ontxt"/>
					</xsl:when>
					<xsl:otherwise>ON</xsl:otherwise>
				</xsl:choose>
			</div>
			<div>
				<xsl:attribute name="class">lcs_label lcs_label_off<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<xsl:choose>
					<xsl:when test="@offtxt">
						<xsl:value-of select="@offtxt"/>
					</xsl:when>
					<xsl:otherwise>OFF</xsl:otherwise>
				</xsl:choose>
			</div>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<!--按钮组合 -->
	<xsl:template match="button-group">
		<xsl:param name="id" select="@id"/>
		<div>
			<xsl:call-template name="vue"/>
			<xsl:call-template name="html"/>
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">
					button-group
				</xsl:with-param>
			</xsl:call-template>
			<xsl:apply-templates select="button">
				<xsl:with-param name="size">
					<xsl:value-of select="@size"/>
				</xsl:with-param>
				<xsl:with-param name="style">
					<xsl:value-of select="@style"/>
				</xsl:with-param>
				<xsl:with-param name="radius">
					<xsl:value-of select="@radius"/>
				</xsl:with-param>
				<xsl:with-param name="bgcolor">
					<xsl:value-of select="@color"/>
				</xsl:with-param>
			</xsl:apply-templates>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<!--复选、单选按钮 -->
	<xsl:template match="list-selector">
		<xsl:param name="id" select="@id"/>
		<div>
			<xsl:attribute name="class">check-button</xsl:attribute>
			<xsl:choose>
				<xsl:when test="@type='select'">
					<select>
						<xsl:call-template name="vue"/>
						<xsl:call-template name="_commonstyle">
						</xsl:call-template>
						<xsl:if test="@size">
							<xsl:attribute name="size"><xsl:value-of select="@size"/></xsl:attribute>
						</xsl:if>
						<xsl:if test="@name">
							<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
						</xsl:if>
						<xsl:for-each select="option">
							<option>
								<xsl:call-template name="vue"/>
								<xsl:call-template name="html"/>
								<xsl:call-template name="_commonstyle"/>
								<xsl:if test="@value">
									<xsl:attribute name="value"><xsl:value-of select="@value"/></xsl:attribute>
								</xsl:if>
								<xsl:if test="@selected">
									<xsl:attribute name="selected"/>
								</xsl:if>
								<xsl:value-of select="@caption"/>
							</option>
						</xsl:for-each>
					</select>
				</xsl:when>
				<xsl:when test="dropdown"/>
				<xsl:when test="@type='checkbox' or @type='radio'">
					<xsl:call-template name="vue"/>
					<xsl:for-each select="option">
						<label>
							<input>
								<xsl:attribute name="type"><xsl:value-of select="../@type"/></xsl:attribute>
								<xsl:if test="@value">
									<xsl:attribute name="value"><xsl:value-of select="@value"/></xsl:attribute>
								</xsl:if>
								<xsl:choose>
									<xsl:when test="@name">
										<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
									</xsl:when>
									<xsl:when test="../@name">
										<xsl:attribute name="name"><xsl:value-of select="../@name"/></xsl:attribute>
									</xsl:when>
								</xsl:choose>
							</input>
							<xsl:value-of select="@caption"/>
						</label>
					</xsl:for-each>
				</xsl:when>
				<xsl:when test="togglebutton"/>
			</xsl:choose>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<!--日历 -->
	<xsl:template match="datapicker">
		<xsl:param name="id" select="@id"/>
		<div>
			<xsl:attribute name="class">form-group datapicker<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			<xsl:choose>
				<xsl:when test="not(@prefix)"/>
				<xsl:otherwise>
					<label>
						<xsl:value-of select="@prefix"/>
					</label>
				</xsl:otherwise>
			</xsl:choose>
			<div>
				<xsl:attribute name="class">input-group<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<xsl:if test="@id">
					<xsl:attribute name="id">out-<xsl:value-of select="@id"/></xsl:attribute>
				</xsl:if>
				<xsl:if test="@name">
					<xsl:attribute name="name">out-<xsl:value-of select="@name"/></xsl:attribute>
				</xsl:if>
				<div>
					<xsl:attribute name="class">input-group-addon<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<i>
						<xsl:attribute name="class"><xsl:value-of select="@icon"/></xsl:attribute>
					</i>
				</div>
				<input>
					<xsl:attribute name="class">form-control pull-right</xsl:attribute>
					<xsl:if test="@id">
						<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
					</xsl:if>
					<xsl:if test="@name">
						<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
					</xsl:if>
					<xsl:if test="@type">
						<xsl:attribute name="type"><xsl:value-of select="@type"/></xsl:attribute>
					</xsl:if>
				</input>
			</div>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<!--text+icon+input集合 -->
	<xsl:template match="fixed-input">
		<xsl:param name="id" select="@id"/>
		<xsl:param name="prefix-width" select="'0'"/>
		<xsl:param name="surfix-width" select="'0'"/>
		<div>
			<xsl:if test="@width">
				<xsl:attribute name="style">width:<xsl:value-of select="@width"/></xsl:attribute>
			</xsl:if>
			<xsl:attribute name="class">fixed-input<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			<xsl:call-template name="html">
				<xsl:with-param name="html-template"/>
			</xsl:call-template>
			<xsl:call-template name="vue">
				<xsl:with-param name="v-template"/>
			</xsl:call-template>
			<xsl:if test="@prefix or @prefix-icon">
				<div>
					<xsl:attribute name="class"><xsl:if test="@prefix-icon">icon-<xsl:value-of select="@prefix-icon"/></xsl:if></xsl:attribute>
					<xsl:choose>
						<xsl:when test="@prefix-width">
							<xsl:attribute name="style">width:<xsl:value-of select="@prefix-width"/></xsl:attribute>
						</xsl:when>
						<xsl:when test="$prefix-width != 0">
							<xsl:attribute name="style">width:<xsl:value-of select="$prefix-width"/></xsl:attribute>
						</xsl:when>
					</xsl:choose>
					<xsl:if test="@prefix">
						<xsl:value-of select="@prefix"/>
					</xsl:if>
				</div>
			</xsl:if>
			<div>
				<xsl:choose>
					<xsl:when test="child::*">
						<xsl:apply-templates select="*"/>
					</xsl:when>
					<xsl:otherwise>
						<input class="inputstyle">
						</input>
					</xsl:otherwise>
				</xsl:choose>
			</div>
			<xsl:if test="@surfix or @surfix-icon">
				<div>
					<xsl:if test="@surfix-icon">
						<xsl:attribute name="class">afteri icon<xsl:text> </xsl:text><xsl:value-of select="@surfix-icon"/></xsl:attribute>
					</xsl:if>
					<xsl:if test="@surfix">
						<xsl:value-of select="@surfix"/>
					</xsl:if>
				</div>
			</xsl:if>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<!--pop弹出框 -->
	<xsl:template match="pop">
		<div class="popbox">
			<div>
				<xsl:attribute name="class">pop<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<xsl:if test="@name">
					<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
				</xsl:if>
				<xsl:if test="@id">
					<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
				</xsl:if>
				<div class="">
					<span class="pop-close icon-cancel-circled-1">
						<xsl:if test="@onclick">
							<xsl:attribute name="class"><xsl:value-of select="@onclick"/></xsl:attribute>
						</xsl:if>
					</span>
				</div>
				<div>
					<xsl:attribute name="class">pop-title
					<xsl:if test="@icon"><xsl:text> </xsl:text><xsl:value-of select="@icon"/></xsl:if><xsl:if test="@titlefontcolor"><xsl:text> </xsl:text><xsl:value-of select="@titlefontcolor"/></xsl:if></xsl:attribute>
					<xsl:value-of select="@title"/>
				</div>
				<div class="pop-describe">
					<xsl:value-of select="."/>
				</div>
				<div class="box-btn average">
					<span>
						<xsl:attribute name="class">return-btn<xsl:if test="@cancel-bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@cancel-bgcolor"/></xsl:if></xsl:attribute>
						<xsl:value-of select="@cancel-text"/>
					</span>
					<span>
						<xsl:attribute name="class">confirm-btn<xsl:if test="@confirm-bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@confirm-bgcolor"/></xsl:if></xsl:attribute>
						<xsl:value-of select="@confirm-text"/>
					</span>
				</div>
			</div>
		</div>
	</xsl:template>
	<!--分割线 -->
	<xsl:template match="line">
		<span>
			<xsl:attribute name="class">btnline<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if></xsl:attribute>
			<xsl:if test="@id">
				<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
			</xsl:if>
			<xsl:if test="@height">
				<xsl:attribute name="style">height:<xsl:value-of select="@height"/>;</xsl:attribute>
			</xsl:if>
		</span>
	</xsl:template>
	<!--换行 -->
	<xsl:template match="br">
		<br/>
	</xsl:template>
	<!--手风琴 -->
	<xsl:template match="collapsing">

	</xsl:template>
	<!--仪表盘 -->
	<xsl:template match="dashboard">
		<xsl:param name="id" select="@id"/>
		<div>
			<xsl:attribute name="class">info-box<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			<xsl:if test="@id">
				<xsl:attribute name="id">out-<xsl:value-of select="@id"/></xsl:attribute>
			</xsl:if>
			<xsl:if test="@name">
				<xsl:attribute name="name">out-<xsl:value-of select="@name"/></xsl:attribute>
			</xsl:if>
			<span>
				<xsl:attribute name="class">info-box-icon<xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<i>
					<xsl:attribute name="class">fa<xsl:text> </xsl:text><xsl:value-of select="@icon"/><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				</i>
			</span>
			<div>
				<xsl:attribute name="class">info-box-content<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<span>
					<xsl:attribute name="class">info-box-text<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<span>
						<xsl:value-of select="@prefix"/>
					</span>
				</span>
				<span>
					<xsl:attribute name="class">info-box-number<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<span>
						<xsl:value-of select="@number"/>
					</span>
				</span>
			</div>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<!--信息盒子 -->
	<xsl:template match="infobox">
		<div>
			<xsl:attribute name="class">info-box<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if><xsl:text> </xsl:text><xsl:if test="@bgcolor"><xsl:value-of select="@bgcolor"/></xsl:if></xsl:attribute>
			<xsl:if test="@id">
				<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
			</xsl:if>
			<xsl:if test="@name">
				<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
			</xsl:if>
			<span class="info-box-icon">
				<xsl:attribute name="class">info-box-number<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<i>
					<xsl:attribute name="class">ion<xsl:text> </xsl:text><xsl:value-of select="@icon"/><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				</i>
			</span>
			<div>
				<xsl:attribute name="class">info-box-content<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<span>
					<xsl:attribute name="class">info-box-text<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<xsl:value-of select="@uptext"/>
				</span>
				<span>
					<xsl:attribute name="class">info-box-number<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<xsl:value-of select="@number"/>
				</span>
				<div>
					<xsl:attribute name="class">progress<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<div>
						<xsl:attribute name="class">progress-bar<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
						<xsl:attribute name="style">width:<xsl:value-of select="@progressbarwidth"/>;</xsl:attribute>
					</div>
				</div>
				<span>
					<xsl:attribute name="class">progress-description<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
					<xsl:value-of select="@downtext"/>
				</span>
			</div>
		</div>
	</xsl:template>
	<!--表格 -->
	<xsl:template match="table">
		<table>
			<xsl:call-template name="html"/>
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">table-list
				<xsl:choose>
						<xsl:when test="@style='stripe'"> table-stripe</xsl:when>
						<xsl:when test="@style='border'"> table-border</xsl:when>
						<xsl:when test="@style='stripe border'"> table-stripe table-border</xsl:when>
					</xsl:choose>
				</xsl:with-param>
			</xsl:call-template>
			<xsl:for-each select="div">
				<xsl:choose>
					<xsl:when test="@type='header'">
						<thead>
							<xsl:apply-templates select="row"/>
						</thead>
					</xsl:when>
					<xsl:when test="@type='body'">
						<tbody>
							<xsl:apply-templates select="row"/>
						</tbody>
					</xsl:when>
					<xsl:when test="@type='footer'">
						<tfoot>
							<xsl:apply-templates select="row"/>
						</tfoot>
					</xsl:when>
					<xsl:otherwise>
						<xsl:apply-templates select="row"/>
					</xsl:otherwise>
				</xsl:choose>
			</xsl:for-each>
		</table>
	</xsl:template>
	<xsl:template match="row">
		<tr>
			<xsl:call-template name="vue"/>
			<xsl:for-each select="cell">
				<td>
					<xsl:call-template name="vue"/>
					<xsl:if test="@colspan">
						<xsl:attribute name="colspan"><xsl:value-of select="@colspan"/></xsl:attribute>
					</xsl:if>
					<xsl:if test="@rowspan">
						<xsl:attribute name="rowspan"><xsl:value-of select="@rowspan"/></xsl:attribute>
					</xsl:if>
					<xsl:apply-templates/>
				</td>
			</xsl:for-each>
		</tr>
	</xsl:template>
	<!--菜单 -->
	<xsl:template match="nav">
		<div>
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">nav-menu<xsl:text> </xsl:text>
					li<xsl:value-of select="@style"/>
				</xsl:with-param>
			</xsl:call-template>
			<xsl:call-template name="html"/>
			<xsl:call-template name="vue"/>
			<ul>
				<xsl:apply-templates select="navitem"/>
			</ul>
		</div>
	</xsl:template>
	<xsl:template match="navitem">
		<li>
			<xsl:call-template name="vue"/>
			<xsl:call-template name="html"/>
			<xsl:call-template name="_commonstyle">
				<xsl:with-param name="common-class">
					<xsl:if test="@class">
						<xsl:attribute name="class"><xsl:value-of select="@class"/></xsl:attribute>
						<xsl:if test="@fontcolor">
							<xsl:text> </xsl:text>
							<xsl:value-of select="@fontcolor"/>
						</xsl:if>
					</xsl:if>
				</xsl:with-param>
			</xsl:call-template>
			<a>
				<xsl:if test="@onclick">
					<xsl:attribute name="onclick"><xsl:value-of select="@onclick"/></xsl:attribute>
				</xsl:if>
				<xsl:if test="@preicon">
					<span>
						<xsl:attribute name="class">icon <xsl:value-of select="@preicon"/></xsl:attribute>
					</span>
				</xsl:if>
				<span>
					<xsl:value-of select="@text"/>
				</span>
				<xsl:if test="@suricon">
					<span>
						<xsl:attribute name="class">icon <xsl:value-of select="@suricon"/></xsl:attribute>
					</span>
				</xsl:if>
			</a>
			<xsl:if test="navitem">
				<ul>
					<xsl:apply-templates select="navitem"/>
				</ul>
			</xsl:if>
		</li>
	</xsl:template>
	<!--表格 -->
	<xsl:template match="grid">
		<xsl:for-each select="row">
			<div>
				<xsl:attribute name="style"><xsl:if test="@height">height:<xsl:value-of select="@height"/>;</xsl:if><xsl:if test="@gap">padding:<xsl:value-of select="@gap"/>;</xsl:if></xsl:attribute>
				<xsl:for-each select="col">
					<div>
						<xsl:attribute name="class">col
						<xsl:for-each select="width">
							<xsl:text> </xsl:text><xsl:value-of select="."></xsl:value-of>
						</xsl:for-each>
						</xsl:attribute>
						<xsl:apply-templates select="."/>
					</div>
				</xsl:for-each>
			</div>
		</xsl:for-each>
	</xsl:template>
	<!-- 九宫格式界面布局 -->
	<xsl:template match="padding-layout">
		<xsl:param name="id" select="@id"/>
		<div class="_contentmore">
			<xsl:attribute name="style"><xsl:if test="@width">width:<xsl:value-of select="@width"/>;</xsl:if><xsl:if test="@height">height:<xsl:value-of select="@height"/>;</xsl:if></xsl:attribute>
			<div>
				<xsl:attribute name="class">fixedbox<xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
				<xsl:attribute name="style"><xsl:if test="leftbox/@width">padding-left:<xsl:value-of select="leftbox/@width"/>;</xsl:if><xsl:if test="rightbox/@width">padding-right:<xsl:value-of select="rightbox/@width"/>;</xsl:if><xsl:if test="topbox/@height">padding-top:<xsl:value-of select="topbox/@height"/></xsl:if><xsl:if test="downbox/@height">padding-bottom:<xsl:value-of select="downbox/@height"/></xsl:if></xsl:attribute>
				<xsl:call-template name="html">
					<xsl:with-param name="html-template"/>
				</xsl:call-template>
				<xsl:call-template name="vue">
					<xsl:with-param name="v-template"/>
				</xsl:call-template>
				<xsl:apply-templates select="fixedbox"/>
			</div>
			<xsl:for-each select="./*">
				<xsl:if test="name(.) = 'leftbox'">
					<div>
						<xsl:attribute name="class">left<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> </xsl:text><xsl:value-of select="@bordercolor"/></xsl:if></xsl:attribute>
						<xsl:attribute name="style"><xsl:if test="./@width">width:<xsl:value-of select="./@width"/>;</xsl:if><xsl:if test="./preceding-sibling::topbox">padding-top:<xsl:value-of select="../topbox/@height"/>;</xsl:if><xsl:if test="./preceding-sibling::bottombox">padding-bottom:<xsl:value-of select="../bottombox/@height"/>;</xsl:if></xsl:attribute>
						<xsl:call-template name="html">
							<xsl:with-param name="html-template"/>
						</xsl:call-template>
						<xsl:apply-templates select="."/>
					</div>
				</xsl:if>
				<xsl:if test="name(.) = 'rightbox'">
					<div>
						<xsl:attribute name="class">right<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> </xsl:text><xsl:value-of select="@bordercolor"/></xsl:if></xsl:attribute>
						<xsl:attribute name="style"><xsl:if test="./@width">width:<xsl:value-of select="./@width"/>;</xsl:if><xsl:if test="./preceding-sibling::topbox">padding-top:<xsl:value-of select="../topbox/@height"/>;</xsl:if><xsl:if test="./preceding-sibling::bottombox">padding-bottom:<xsl:value-of select="../bottombox/@height"/>;</xsl:if></xsl:attribute>
						<xsl:call-template name="html">
							<xsl:with-param name="html-template"/>
						</xsl:call-template>
						<xsl:apply-templates select="."/>
					</div>
				</xsl:if>
				<xsl:if test="name(.) = 'topbox'">
					<div>
						<xsl:attribute name="class">top<xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text>bg-<xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> </xsl:text><xsl:value-of select="@bordercolor"/></xsl:if></xsl:attribute>
						<xsl:attribute name="style"><xsl:if test="./@height">height:<xsl:value-of select="./@height"/>;</xsl:if><xsl:if test="./preceding-sibling::leftbox">padding-left:<xsl:value-of select="../leftbox/@width"/>;</xsl:if><xsl:if test="./preceding-sibling::rightbox">padding-right:<xsl:value-of select="../rightbox/@width"/>;</xsl:if></xsl:attribute>
						<xsl:call-template name="html">
							<xsl:with-param name="html-template"/>
						</xsl:call-template>
						<xsl:apply-templates select="."/>
					</div>
				</xsl:if>
				<xsl:if test="name(.) = 'bottombox'">
					<div>
						<xsl:attribute name="class">bottom<xsl:text> </xsl:text><xsl:if test="@class"><xsl:value-of select="@class"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> </xsl:text><xsl:value-of select="@bordercolor"/></xsl:if></xsl:attribute>
						<xsl:attribute name="style"><xsl:if test="./@height">height:<xsl:value-of select="./@height"/>;</xsl:if><xsl:if test="./preceding-sibling::leftbox">padding-left:<xsl:value-of select="../leftbox/@width"/>;</xsl:if><xsl:if test="./preceding-sibling::rightbox">padding-right:<xsl:value-of select="../rightbox/@width"/>;</xsl:if></xsl:attribute>
						<xsl:call-template name="html">
							<xsl:with-param name="html-template"/>
						</xsl:call-template>
						<xsl:apply-templates select="."/>
					</div>
				</xsl:if>
			</xsl:for-each>
			<xsl:if test="@id and //tip/@for = @id">
				<xsl:apply-templates select="//tip[@for=$id]">
				</xsl:apply-templates>
			</xsl:if>
		</div>
	</xsl:template>
	<xsl:template match="userblock">
		<xsl:value-of select="." disable-output-escaping="yes"/>
	</xsl:template>
	<xsl:template match="tip">
		<div>
			<xsl:attribute name="class">tip<xsl:value-of select="@direction"/><xsl:if test="@tipstyle"><xsl:text> </xsl:text><xsl:value-of select="@tipstyle"/></xsl:if><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if><xsl:if test="@bgcolor"><xsl:text> </xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@fontcolor"><xsl:text> </xsl:text><xsl:value-of select="@fontcolor"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> </xsl:text><xsl:value-of select="@bordercolor"/></xsl:if></xsl:attribute>
			<span>
				<xsl:attribute name="class">triangle<xsl:text> </xsl:text><xsl:value-of select="@direction"/><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
			</span>
			<xsl:value-of select="."/>
		</div>
	</xsl:template>
	<xsl:template name="vue">
		<xsl:param name="v-template"/>
		<xsl:if test="@v-else">
			<xsl:attribute name="v-else"><xsl:value-of select="@v-else"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@v-else-if">
			<xsl:attribute name="v-else-if"><xsl:value-of select="@v-else-if"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="v-bind">
			<xsl:for-each select="v-bind">
				<xsl:call-template name="bind">
					<xsl:with-param name="prefix">v-bind</xsl:with-param>
					<xsl:with-param name="name">
						<xsl:value-of select="@name"/>
					</xsl:with-param>
					<xsl:with-param name="value">
						<xsl:value-of select="."/>
					</xsl:with-param>
				</xsl:call-template>
			</xsl:for-each>
		</xsl:if>
		<xsl:if test="v-on">
			<xsl:for-each select="v-on">
				<xsl:call-template name="bind">
					<xsl:with-param name="prefix">v-on</xsl:with-param>
					<xsl:with-param name="name">
						<xsl:value-of select="@name"/>
					</xsl:with-param>
					<xsl:with-param name="value">
						<xsl:value-of select="."/>
					</xsl:with-param>
				</xsl:call-template>
			</xsl:for-each>
		</xsl:if>
		<xsl:if test="@v-for">
			<xsl:attribute name="v-for"><xsl:value-of select="@v-for"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@v-model">
			<xsl:attribute name="v-model"><xsl:value-of select="@v-model"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@v-once">
			<xsl:attribute name="v-once"><xsl:value-of select="@v-once"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@v-html">
			<xsl:attribute name="v-html"><xsl:value-of select="@v-html"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@v-show">
			<xsl:attribute name="v-show"><xsl:value-of select="@v-show"/></xsl:attribute>
		</xsl:if>
	</xsl:template>
	<xsl:template name="html">
		<xsl:param name="html-template"/>
		<xsl:if test="@id">
			<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@name">
			<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute>
		</xsl:if>
		<xsl:if test="@text-align">
			<xsl:attribute name="style">text-align:<xsl:value-of select="@text-align"/></xsl:attribute>
		</xsl:if>
	</xsl:template>
	<!--处理class bgcolor color bordercolor class font-size -->
	<xsl:template name="_commonstyle">
		<xsl:param name="common-class"/>
		<xsl:attribute name="class"><xsl:if test="$common-class"><xsl:value-of select="$common-class"/><xsl:text> </xsl:text></xsl:if><xsl:if test="@bgcolor"><xsl:text>bg-</xsl:text><xsl:value-of select="@bgcolor"/></xsl:if><xsl:if test="@color"><xsl:text> font-</xsl:text><xsl:value-of select="@color"/></xsl:if><xsl:if test="@bordercolor"><xsl:text> border-</xsl:text><xsl:value-of select="@bordercolor"/></xsl:if><xsl:if test="@class"><xsl:text> </xsl:text><xsl:value-of select="@class"/></xsl:if></xsl:attribute>
		<xsl:if test="@font-size">
			<xsl:attribute name="style">font-size:<xsl:value-of select="@font-size"/>;</xsl:attribute>
		</xsl:if>
	</xsl:template>
	<xsl:template name="bind">
		<xsl:param name="prefix"/>
		<xsl:param name="name">
		</xsl:param>
		<xsl:param name="value"/>
		<xsl:attribute name="{$prefix}:{$name}"><xsl:value-of select="$value"></xsl:value-of></xsl:attribute>
	</xsl:template>
</xsl:stylesheet>
